// 封装user.vue所用的数据
import { getToken, setToken, removeToken } from '@/utils/auth'
import { getUserDetailByIdAPI, getUserInfoAPI, loginAPI } from '@/api/user.js'

const state = {
  token: getToken() || '',
  userInfo: {}
}

const mutations = {
  // 设置token
  setToken(state, token) {
    state.token = token
    setToken(token)
  },
  // 删除token
  removeToken(state) {
    state.token = ''
    removeToken()
  },
  // 设置用户信息
  setUserInfo(state, userinfo) {
    state.userInfo = userinfo
  },
  // 删除用户信息
  removeUserInfo(state) {
    state.userInfo = {}
  }
}

const actions = {
  // 登录并获取数据
  async login(ctx, loginForm) {
    const res = await loginAPI(loginForm)
    // console.log(res)
    // 登录成功后存token
    ctx.commit('setToken', res.data)
  },

  // 获取用户基本信息
  async getUserInfo(ctx) {
    // console.log('这里是vuex')
    const res = await getUserInfoAPI()
    // console.log(res)
    // console.log(res.data.userId)
    // 获取用户详尽的信息,并且也保存在userInfo里边
    const detailInfo = await getUserDetailByIdAPI(res.data.userId)
    ctx.commit('setUserInfo', { ...detailInfo.data, ...res.data })
    return res.data.roles.menus
  },

  // 用户登出操作
  userLogout(ctx) {
    // 删除用户信息
    ctx.commit('removeUserInfo')
    // 删除token
    ctx.commit('removeToken')
  }

}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

